<template>
  <div>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">1 前端</div></el-col>
      <el-col :span="6"><div class="grid-content">5,234</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">2 java</div></el-col>
      <el-col :span="6"><div class="grid-content">3210</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">3 大数据</div></el-col>
      <el-col :span="6"><div class="grid-content">2313</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">4 c++</div></el-col>
      <el-col :span="6"><div class="grid-content">673</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">5 UI</div></el-col>
      <el-col :span="6"><div class="grid-content">543</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">6 php</div></el-col>
      <el-col :span="6"><div class="grid-content">343</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">7 python</div></el-col>
      <el-col :span="6"><div class="grid-content">233</div></el-col>
    </el-row>
    <el-row type="flex" justify="space-between" class="row">
      <el-col :span="10"><div class="grid-content">8 测试</div></el-col>
      <el-col :span="6"><div class="grid-content">123</div></el-col>
    </el-row>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.row {
  &:first-child {
    margin-top: 30px;
  }
  margin-bottom: 10px;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.65);
}
</style>
